@import 'var';
/*
icon按钮特效
 */
@mixin icon_rotate($icon-size, $icon-margin, $icon-url) {
  width: $icon-size;
  height: $icon-size;
  margin-left: $icon-margin;
  background-color: $--stack-tab-text-color;
  mask: url($icon-url) no-repeat center center;
  mask-size: contain;

  &:hover {
    cursor: pointer;
    background-color: $--stack-tab-color-primary;
    animation: rotate-center 0.3s ease-in-out both;
    mask: url($icon-url), url('./image/mask.svg') no-repeat center center;
    mask-size: contain;
    mask-composite: xor;
  }

  &:active {
    /*
    cursor: pointer;
     */
    background-color: $--stack-tab-color-primary-activate;
    mask: url($icon-url), url('./image/mask.svg') no-repeat center center;
    mask-size: contain;
    mask-composite: xor;
  }
}

@mixin insetShadow() {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
